@charset "utf-8";

/* body默认字体*/
body {
  font-style: normal;
  font-family: -apple-system, /* 这是苹果（Apple）设备的系统字体，用于显示系统字体风格的文本 */
              BlinkMacSystemFont, /* 这是 macOS 的系统字体之一，用于在 Blink 渲染引擎（WebKit 的一部分）中显示系统字体风格的文本 */
              segoe ui, /* 这是 Microsoft 设计的一种无衬线字体（sans-serif），用于 Windows 操作系统 */
              Roboto, /* 这是一种由 Google 设计的无衬线字体，用于 Android 操作系统 */
              helvetica neue,  /* 这是一种经典的无衬线字体，通常在 macOS 和 iOS 上可用 */
              Arial, /* 这是一种普遍使用的无衬线字体，常见于 Windows 和其他操作系统 */
              noto sans, /* 这是 Google 开源的 Noto 字体系列中的无衬线字体 */
              sans-serif, /* 是一个通用的字体类别，表示使用操作系统的默认无衬线字体 */
              apple color emoji, /* 苹果设备上用于显示彩色 Emoji 表情的字体 */
              segoe ui emoji, /* Microsoft 设计的用于显示 Emoji 表情的字体 */
              segoe ui symbol, /* Microsoft 设计的符号字体 */
              noto color emoji; /* Google Noto 字体系列中用于显示彩色 Emoji 表情的字体 */
}

body,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
button,
input,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
th,
td {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%; /* 字体大小与父元素一致 */
  font-weight: normal; /* 字体粗细设置为正常 */
}
a {
  text-decoration: none; /* 去除文本的装饰线（如下划线、删除线等） */
  background-color: transparent; /* 背景颜色设置为透明 */
}

a:hover,
a:active {
  outline-width: 0; /* 轮廓宽度设置为0，去除轮廓效果 */
  text-decoration: none; /* 去除文本的装饰线（如下划线、删除线等） */
}

/* 设置 hr 边框为0，元素高度1px*/
hr {
  border: 0;
  height: 1px;
}

/* 设置图片边框为 none 不显示边框 */
img {
  border-style: none;
}

/* 选择所有没有 src 属性的 <img> 元素 */
img:not([src]) {
  display: none; /* 隐藏元素并且不占用页面布局空间 */
}

/* ie8以上浏览器有效*/
html {
  /*禁用系统默认菜单*/
  -webkit-touch-callout: none;
  /*关闭iphone & Android的浏览器纵向和横向模式中自动调整字体大小的功能*/
  -webkit-text-size-adjust: 100%;
}

input,
textarea,
button,
a {
  /* 去除点击表单或者a标签在手机点击时会出现的背景框*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


button,
input,
select,
textarea {
  font-size: 100%; /* 默认相对父元素的字体大小 */
  outline: 0; /* 元素的外轮廓（outline）设置为宽度为0，从而完全隐藏元素的轮廓线 */
}

button,
input {
  overflow: visible; /* 设置元素内容溢出时可见 */
}

button,
select {
  text-transform: none; /* 指定文本的大小写转换效果, 不进行任何大小写转换 */
}

textarea {
  overflow: auto; /* 元素内容溢出时显示滚动条 */
}

button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
